﻿@using SpielMitMirFinalProject.ModelViews;
@model IEnumerable<SpielMitMirFinalProject.ModelViews.ChatMessage>
<div class="row col-md-12">
    <div class="col-md-6 col-md-offset-3">
        <div class="col-md-12">
            <ul class="col-md=12" id="chatList" style="height: 100px; overflow-y:auto">
                @foreach (ChatMessage item in @Model)
                {
                    @Html.Partial("~/Views/Shared/Partial/_Message.cshtml", item)
                }
            </ul>
            <div class="col-md-12" style="margin-top:20px;">
                <div class="col-md-10">
                    <input id="textInput" type="text" class="form-control input-sm col-md-12" placeholder="Come on, don't be shy...">
                </div>
                <div class="col-md-2">
                    <div class="metro">
                        <button class="bg-blue fg-white" id="sendBtn">Send</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>